<template>
  <div class="confrim">
  <router-link to="/" class="fh">&lt;</router-link>
    <div class="inner">
         <div class="item"  @click="goto(item)"> 
        <div class="img">
          <img :src="item.pic" alt />
        </div>
        <div class="text">
          <div class="title">{{item.title}}</div>
          <div>已售：{{item.ys}}件</div>
          <div>
            单价：
            <span>￥{{item.dj}}</span>
          </div>
         <!--  <div class="btn">
            <span @click.stop="djrem(item)">-</span>
            {{item.count}}
            <span @click.stop="djadd(item)">+</span>
            </div> -->
        </div>
    </div>
  </div></div>
</template>

<script>
import {mapMutations } from "vuex";

export default {
  data() {
    return {
      item:[]
    }
  },
  mounted() {
    this.item=this.$route.query.item;
  }
}
</script>

<style lang="scss" scpoed>
.fh{
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background: #eee;
  display: inline-block;
}
.inner{
     width: 100%;
    height: 627px;  
    overflow: auto; 
    .item {
      display: flex;
      padding: 20px;
      position: relative;
      border-bottom: 1px solid #eee;
      .img {
        width: 60px;
        height: 60px;
        img {
          width: 100%;
          height: 100%;
        }
      }
      .text {
        flex: 1;
        padding: 0 20px;
        span {
          color: red;
        }
      }
      .btn {
        position: absolute;
        bottom: 20px;
        right: 10px;
        background: red;
        color: aliceblue;
        padding: 2px 5px;
      }
    }
    }
</style>